<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="width: 200px; height: 200px; background-color: pink"></div>
<script>
var div = document.querySelector("div");
var w = "width"
console.log(div.style.width)
console.log(div.style[w]);   // [] 可以使用变量
console.log(div.style.height)
console.log(div.style.backgroundColor);
console.log(div.style["background-color"]);
</script>
</body>
</html>
<!--
    作者：李振超  2017年7月31日16:25
    css 的脚本化:用 js 去操作 css 样式
    
    获取行内样式:
    div.style.width
    div.style["width"]
    
    获取内部样式和外部样式:
    
-->